body{
  padding-bottom:1rem; 
      }
#head{
    position: relative;
    width: 100%;
     height: 0.5rem;
     background-color: #ff841d;
      padding: 0.05rem 0.2rem;
      display: flex;
      justify-content: space-between;
      font-size: .30rem;
      color: #fff;
      .download{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
         span:nth-child(1){
             font-size: 0.2rem;
         }
         span:nth-child(2){
            font-size: 0.1rem;
         }
      }
 
 }
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
 margin-top:0.3rem; 
    background-color: #efefef;
    .footer_nav{
       
        border-top:0.01rem solid #ccc; 
        border-bottom:0.01rem solid #ccc; 
        display:flex;
        height: 0.4rem;
        a{
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-right: 0.01rem solid #ccc;
            color: #000;
            font-size: 0.14rem;
            &:nth-child(3){
                border-right:none; 
            } 
        } 
    }
    .footer_txt{
        text-align: center;
        padding: 0.15rem;
        >div{
            font-size: 0.14rem;
            span:nth-child(1){
                color: red;
            }
        }
    }
}
.content{
    padding:0.2rem 0.1rem;
    .name{
        font-size: 0.2rem;
        font-weight: 400;
        color: #000;
    } 
    .price{
        color: orange;
        font-size: 0.16rem;
        font-weight: 600;
        padding: 0.05rem 0;
    } 
    .message{
        padding: 0.05rem;
        color: #a0a0a0;
    }
    .media{
        .media-left{
            a{
                width: 1rem;
                height: 1rem;
            }
            img{
                width: 100%;
                height: 100%;
            }
        }
        .media-body{
            font-size: 0.18rem;
            line-height: 0.25rem;
            color: #696969;
            font-family: 'Courier New', Courier, monospace;
            // display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp:3;
            overflow: hidden;

        }  
    }
    .pro_img{
        img{
            width: 80%;
            height: 80%;
        }
    }
    .btn{
        margin: .2rem 0;
        height: .4rem;
        width: 100%;
        color: #fff;
        font-size: 0.16rem;
        background-color: #ff9000;
    }
    .comment{
        padding: .2rem 0;
         position: relative;
        .tit{
            font-size: 0.16rem;
            margin-top:0.2rem; 
            color: #000; 
            font-family: 'Courier New', Courier, monospace;
        }
        
        .reply{
            padding: 0.1rem 0;
         textarea{
          width: 100%;
          height: .8rem; 
          resize:none;
          outline-style: none;
        }
        input[type="submit"]{
            position: absolute;
            right: 0;
            top:1.53rem;
            padding: 0.1rem 0.15rem;
            color: #fff;
            font-size: 0.16rem;
            font-family: 'Times New Roman', Times, serif;
            background-color:#ff841d;
            border: none;
        } 
    }
    .list{
        .ui-border-b{
            display: flex;
            padding: 0.1rem 0;
            .userimg{
                width: 10%;
               
                img{
                    width: 100%;
                     border-radius:50%; 
                }
            }
            .con{
                padding: 0  0.05rem;
                .name{
                    .username{
                        float: left;
                    font-size: 0.14rem;
                    color: #609bc2;
                    
                     }
                     .time{
                         float: right;
                         font-size:0.14rem; 
                         color: #ccc;
                     }  
                }
                .content{
                         padding: 0;
                         font-size: 0.12rem;
                         font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                         img{
                             width: 10%;
                         }
                     }
            }
        }
    }     
    }
}